<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="chat.js"></script>
<style type="text/css" media="screen">@import url(default.css);
		body {
	background-color: #FFFFFF;
}
</style>
		<script>
		function trim(text)
		{
			return text.replace(/^\s+/i, '').replace(/\s+$/i, '');
		}
		function changeColor(obj)
		{
			var color = trim(obj.value);

			if (color.length < 1) {

				obj.style.color = 'black';

			} else {

				try {

					obj.style.color = color;

				} catch (e) {

					obj.style.color = 'black';

				}
			}
		}
		</script>
	    <div style="margin-left:100px; margin-right:100px">
		<?php include("../header.php");
		?>
		</div>
		<table  align="center" cellpadding="0" cellspacing="0" border="0" width="80%"
			summary="chat room">
			<caption>chatting room</caption>
			<tbody>

				<tr>
					<td rowspan="2" bgcolor="#FFFFFF" class="cell-content">
						<div id="box-content">
							<div id="chatmain" class="wrapper"></div>
						</div>
				  </td>
					<td class="cell-nick">
						<div id="box-nick">
							<div class="wrapper">

								<input type="text" id="nick" name="named" maxlength="20"  />
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td class="cell-users">
						<div id="box-users">
							<div id="users-list" class="wrapper"></div>

						</div>
					</td>
				</tr>
				<tr>
					<td class="cell-message">
					<span id="errors"></span><span id="loadifo"></span>
						<div id="box-message">
							<div class="wrapper">
								<input type="text" id="message" name="inputs" maxlength="200"  />
								<input type="button" id="msgbtn" value="send" onclick="doUsingPost();" />
							</div>
						</div>
					</td>
					<td class="cell-actions">
						<div id="box-actions">
							<div class="wrapper">
                            &nbsp;
							</div>
						</div>
					</td>

				</tr>
			</tbody>
		</table>
		<code id="content"></code>